html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}



/*other area*/
.fr{float: right;}
.fl{float: left;}
.hand{cursor: pointer;}
.disFlex,.faFlex{display: flex;}
.flexOne{flex:1;}
.faGragBtn,.faOrangeBtn{
  display: inline-block;
  cursor: pointer;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #ccc;
  color:#ccc;
  font-size: 16px;
}

.faOrangeBtn{
  min-width: 120px;
  background-color: #f96b0c;
  color:#fff;
  font-size: 16px;
  border: none;
}
.w50{width: 50px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w200{width: 200px;}

.hg60{height: 60px; line-height: 60px;}
.hg80{height: 80px; line-height: 80px;}
.hg100{height: 100px; line-height: 100px;}

/*text-area-color*/
.cccText{color: #ccc;}
.grayText{color: #666;}
.orangeText{color:#f96b0c;}
.greenText{
  color: #62bf5c;
}

.text-c{text-align: center;}
.text-l{text-align: left;}
.text-r{text-align: right}

/* font-area */
.font-w{font-weight: bold;}
.font-l{font-weight: normal;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font22{font-size:22px;}
.font24{font-size:24px;}
.font28{font-size:28px;}
.font30{font-size:30px;}

/* border area*/
.bderb-ccc{border-bottom: 1px solid #ccc;}
.bdert-ccc{border-top: 1px solid #ccc;}
.border-ccc{border: 1px solid #ccc;}
/* bg area*/
.bg-fff{background-color: #fff;}
.bg-f5{background-color: #f5f5f5;}
.bg-fafa{background-color: #fafafa;}
.bg-e0e0{background-color: #e0e0e0;}
.bg-eee{background-color: #eee;}
.bg-ccc{background-color: #ccc;}


/* h-area */
.h25{
  height: 25px;
  line-height: 25px;
  padding: 0 10px;
  font-size: 14px;
}
.h28{
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  font-size: 14px;
}
.h30{
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 14px;
}
.h35{
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  font-size: 14px;
}
.h40{
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 16px;
}
.h45{
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  margin-bottom: 5px;
  font-size: 18px;
}

.h50{
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
.h55{
  height: 55px;
  line-height: 55px;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 18px;
}
.h60{
  height: 60px;
  line-height: 60px;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 20px;
}
.h70{
  height: 70px;
  line-height: 70px;
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 26px;
}

.bLine{
  border-bottom: 1px solid #ccc;
}
.bColorEEE{
  background-color: #eee;
}

/*padding-area*/

.pdlr50{padding-left: 50px; padding-right: 50px;}
.pd-lr15{padding-left: 15px; padding-right: 15px;}
.pdtb50{padding-top: 50px; padding-bottom: 50px;}
.pd-tb10{padding-top: 10px; padding-bottom: 10px;}

.pd10All{padding: 10px;}
.pd15All{padding: 15px;}
.pd20All{padding: 20px;}
.pd25All{padding: 25px;}
.pd30All{padding: 30px;}
.pd35All{padding: 35px;}
.pd40All{padding: 40px;}
.pd45All{padding: 45px;}
.pd50All{padding: 50px;}

.pd-t5{padding-top: 5px;}
.pd-t10{padding-top: 10px;}
.pd-t15{padding-top: 15px;}
.pd-t20{padding-top: 20px;}
.pd-t25{padding-top: 25px;}
.pd-t30{padding-top: 30px;}
.pd-t35{padding-top: 35px;}
.pd-t40{padding-top: 40px;}
.pd-t45{padding-top: 45px;}
.pd-t50{padding-top: 50px;}

.pd-r5{padding-right: 5px;}
.pd-r10{padding-right: 10px;}
.pd-r15{padding-right: 15px;}
.pd-r20{padding-right: 20px;}
.pd-r25{padding-right: 25px;}
.pd-r30{padding-right: 30px;}
.pd-r35{padding-right: 35px;}
.pd-r40{padding-right: 40px;}
.pd-r45{padding-right: 45px;}
.pd-r50{padding-right: 50px;}

.pd-b5{padding-bottom: 5px;}
.pd-b10{padding-bottom: 10px;}
.pd-b15{padding-bottom: 15px;}
.pd-b20{padding-bottom: 20px;}
.pd-b25{padding-bottom: 25px;}
.pd-b30{padding-bottom: 30px;}
.pd-b35{padding-bottom: 35px;}
.pd-b40{padding-bottom: 40px;}
.pd-b45{padding-bottom: 45px;}
.pd-b50{padding-bottom: 50px;}

.pd-l5{padding-left: 5px;}
.pd-l10{padding-left: 10px;}
.pd-l15{padding-left: 15px;}
.pd-l20{padding-left: 20px;}
.pd-l25{padding-left: 25px;}
.pd-l30{padding-left: 30px;}
.pd-l35{padding-left: 35px;}
.pd-l40{padding-left: 40px;}
.pd-l45{padding-left: 45px;}
.pd-l50{padding-left: 50px;}

/**margin-area*/
.mg-tb{margin-top: 10px;margin-bottom: 10px;}
.mg-t5{margin-top: 5px;}
.mg-t10{margin-top: 10px;}
.mg-t15{margin-top: 15px;}
.mg-t20{margin-top: 20px;}
.mg-t25{margin-top: 25px;}
.mg-t30{margin-top: 30px;}
.mg-t35{margin-top: 35px;}
.mg-t40{margin-top: 40px;}
.mg-t45{margin-top: 45px;}
.mg-t50{margin-top: 50px;}

.mg-r5{margin-right: 5px;}
.mg-r10{margin-right: 10px;}
.mg-r15{margin-right: 15px;}
.mg-r20{margin-right: 20px;}
.mg-r25{margin-right: 25px;}
.mg-r30{margin-right: 30px;}
.mg-r35{margin-right: 35px;}
.mg-r40{margin-right: 40px;}
.mg-r45{margin-right: 45px;}
.mg-r50{margin-right: 50px;}

.mg-b5{margin-bottom: 5px;}
.mg-b10{margin-bottom: 10px;}
.mg-b15{margin-bottom: 15px;}
.mg-b20{margin-bottom: 20px;}
.mg-b25{margin-bottom: 25px;}
.mg-b30{margin-bottom: 30px;}
.mg-b35{margin-bottom: 35px;}
.mg-b40{margin-bottom: 40px;}
.mg-b45{margin-bottom: 45px;}
.mg-b50{margin-bottom: 50px;}

.mg-l5{margin-left: 5px;}
.mg-l10{margin-left: 10px;}
.mg-l15{margin-left: 15px;}
.mg-l20{margin-left: 20px;}
.mg-l25{margin-left: 25px;}
.mg-l30{margin-left: 30px;}
.mg-l35{margin-left: 35px;}
.mg-l40{margin-left: 40px;}
.mg-l45{margin-left: 45px;}
.mg-l50{margin-left: 50px;}

